<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <style>
        html {
            height: 5000px;
        }
    </style>
</head>

<body>
    <a href="https://www.baidu.com">百度</a>
    <!-- <input type="text"> -->
</body>
<script>
    // 页面相关的事件
    // onload    页面所有内容加载完毕之后触发
    // onresize  窗口大小改变时触发
    // onscroll   滚动条滚动时触发
    // onfucus   窗口聚焦 (从其他位置 切换到 当前窗口)
    // onblur    窗口失焦 (从当前窗口 切换到 其他位置)
    // onbeforeunload     事件在即将离开当前页面（刷新或关闭）时触发。


    /*  var count = 0;
     window.onfocus = function () {
         console.log("窗口聚焦", "欢迎来到当前页面", count);
         if (count >= 3) {
             alert("考试结束,恭喜挂科!");
             // window.close();
         }
     }
     window.onblur = function () {
         console.log("窗口失焦", "你是不是想作弊?");
         count++;
     } */

    // window.onbeforeunload = function () {
    //     return false;
    // }

</script>

</html>